@import 'bpmn-js-properties-panel/dist/assets/element-templates.css';
@import 'bpmn-js-properties-panel/dist/assets/properties-panel.css';

// @import 'bpmn-js-connectors-extension/dist/connectors-extension.css';
// @import '@bpmn-io/element-template-chooser/dist/element-template-chooser.css';

@import 'bpmn-js-bpmnlint/dist/assets/css/bpmn-js-bpmnlint.css';

@import 'bpmn-js-token-simulation/assets/css/bpmn-js-token-simulation.css';

// @import 'bpmn-override';
@import 'toolbar';
@import 'designer';
@import 'palette';
@import 'context-pad';
@import 'panel';
// @import 'camunda-penal';
@import 'setting';
@import 'contextmenu';

.bts-toggle-mode {
  display: none;
}

.cmd-change-menu {
  transition: background-color ease 0.2s;
  background-color: rgba(0, 0, 0, 0.3);
}
.camunda-penal {
  width: 480px;
}

// .enhancement-op {
//   background: url('./logo.ico');
//   background-size: 100% 100%;
//   &:hover {
//     background: url('./logo.ico');
//   }
// }

.designer-container {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  &.designer-with-bg > .main-content .designer {
    background: url('')
      repeat !important;
  }
  &.designer-with-image > .main-content .designer {
    background-repeat: no-repeat !important;
    // background-image: url('/04.jpg') !important;
    background-size: cover;
  }
  .main-content {
    width: 100%;
    padding: 58px 404px 12px 92px;
    flex: 1;
    overflow: hidden;
    display: flex;
    border-bottom: 12px solid rgba(242, 243, 245, 1);
    .designer {
      flex: 1;
    }
  }
  .bjs-powered-by {
    display: none !important;
  }
}
